<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--有点似列表-->
		<figure>
			<img src="../img/IMG201.jpg"/ width="300px">
			<figcaption>it程序员</figcaption>
		</figure>
		<dl>
			<dd>
				<img src="../img/IMG201.jpg"/ width="300px">
			</dd>
			<dd>
				it程序员
			</dd>
		</dl>
		<!--展示文章的细节
			mark 着重突出的内容
		-->
		<details>
			<summary>请选择</summary>
			<p>中国1</p>
			<p><mark>中国2</mark></p>
			<p>中国3</p>
			<p>中国4</p>
		</details>
		
		<!--刻度标签
			max 规定的最大值
			min 规定的最大值
			value: 当前的值
			low: 自己定义的最小值
			high   自己定义的最大值  
		-->
		<meter max="100" min="0" value="30" low="20" high="80"></meter>
		<!--进度条-->
		<progress max="100" value="40"></progress>
		<!--画布标签  画多边形  与js一起用-->
		<canvas id="mycat" >
			<script>
				var ca=document.getElementById("mycat") ;
				var te=ca.getContext("2d");
				//背景颜色
				te.fillStyle="#FF0000";
				//绘制图形大小   前面两个0是x轴与y轴的距离      宽80，高100
				te.fillRect(0,0,80,100)
			</script>
		</canvas>
	</body>
</html>
